.zhuti {
	/*设置主体盒子的大小*/
	width: 1226px;
	height: 625px;
	margin: 0 64px;
}
.zhuti .zb {
	/*设置左边的盒子*/
	width: 234px;
	height: 614px;
	margin: 5px 0;
	float: left;
	background-image: url(../image/1.png);
}
* {
	/*定义所有的盒子与浏览器的间距为0*/
	margin:0;
}
.yb {
	/*设置右边的盒子*/
	width: 978px;
	height: 614px;
	margin: 5px 0;
	float: right;
}
.hz {
	/*设置右边盒子里的所有小盒子*/
	width: 234px;
	height: 300px;
	float: left;
}
.xhz {
	/*设置右边盒子里的上面四个盒子的下边距*/
	margin-bottom: 14px;
}
.ybj {
	/*设置右边盒子里的上下左三个盒子的右边距*/
	margin-right: 14px;
}
	/*设置右边盒子里的小盒子的图片*/
.tp2{
	background-image: url(../image/2.png);
}
.tp3 {
	background-image: url(../image/3.png);
}
.tp4 {
	background-image: url(../image/4.png);
}
.tp5 {
	background-image: url(../image/5.png);
}
.tp6 {
	background-image: url(../image/6.png);
}
.tp7 {
	background-image: url(../image/7.png);
}
.tp8 {
	background-image: url(../image/8.png);
}
.tp9 {
	background-image: url(../image/9.png);
}
	/*设置网页主体的背景颜色*/
html {
	background-color: #F5F5F5;
}
	/*设置所有盒子的跳转链接*/
a {
	display: inline-block;
	width: 234px;
	height: 300px;
}
	/*设置左边盒子的跳转链接*/
.zb a {
	display: inline-block;
	width: 234px;
	height: 614px;
}
	/*设置鼠标移动到上面的阴影*/
.hz:hover {
	/*设置向上移动*/
	transform:translateY(-5px);
	box-shadow: 0 15px 30px rgba(0,0,0,.3)
}
.zb:hover {
	/*设置向上移动*/
	transform:translateY(-5px);
	box-shadow: 0 15px 30px rgba(0,0,0,.3)
}